/* reset */
html, body,  table, caption, th, td, form, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}

    button, button:hover, button:visited {
        _border: none;
    }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.border
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table.border td
{
    padding: 5px;
    border: solid 1px #AEC4D9;
}

    table.border th {
        padding: 6px 5px;
        text-align: left;
        background-color: #e8eef4;
        border: 1px solid #AEC4D9;
    }
caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, img, iframe, abbr {
    border: 0;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
}

del, ins, u, s, a, a:hover {
    text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
    font: 12px/1.14 "微软雅黑",'Microsoft YaHei', 'Verdana', 'sans-serif', '宋体';
    color: #333;
    outline: 0;
}
.message, #message
{
	border: 1px solid #999999;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFCC;
	color: #FF3300;
}

body {
    background: #fff;
}

a {
    color: #0026ff;
}

    a:hover {
        color: #900;
    }
/* function */
.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb, .f-cbli li {
    zoom: 1;
}

.f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pr {
    position: relative;
}

.f-prz {
    position: relative;
    zoom: 1;
}

.f-oh {
    overflow: hidden;
}

.f-ff0 {
    font-family: arial,\5b8b\4f53;
}

.f-ff1 {
    font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;
}

.f-fs1 {
    font-size: 12px;
}

.f-fs2 {
    font-size: 14px;
}

.f-fwn {
    font-weight: normal;
}

.f-fwb {
    font-weight: bold;
}

.f-tal {
    text-align: left;
}

.f-tac {
    text-align: center;
}

.f-tar {
    text-align: right;
}

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph;
}

.f-vam, .f-vama * {
    vertical-align: middle;
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px;
}

.f-ti2 {
    text-indent: 2em;
}

.f-lhn {
    line-height: normal;
}

.f-tdu, .f-tdu:hover {
    text-decoration: underline;
}

.f-tdn, .f-tdn:hover {
    text-decoration: none;
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.f-csp {
    cursor: pointer;
}

.f-csd {
    cursor: default;
}

.f-csh {
    cursor: help;
}

.f-csm {
    cursor: move;
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* grid system */
.g-row {
    width: 100%;
}

    .g-row:before, .g-row:after {
        display: table;
        line-height: 0;
        content: "";
        *display: block;
        *visibility: hidden;
        *height: 0;
        *overflow: hidden;
        *content: ".";
    }

    .g-row:after {
        clear: both;
    }

    .g-row .g-span1,
    .g-row .g-span2,
    .g-row .g-span3,
    .g-row .g-span4,
    .g-row .g-span5,
    .g-row .g-span6,
    .g-row .g-span7,
    .g-row .g-span8,
    .g-row .g-span9,
    .g-row .g-span10,
    .g-row .g-span11,
    .g-row .g-span12 {
        position: relative;
        float: left\0;
        *float: left;
    }

@media (min-width:768px) {
    .g-row .g-span1,
    .g-row .g-span2,
    .g-row .g-span3,
    .g-row .g-span4,
    .g-row .g-span5,
    .g-row .g-span6,
    .g-row .g-span7,
    .g-row .g-span8,
    .g-row .g-span9,
    .g-row .g-span10,
    .g-row .g-span11,
    .g-row .g-span12 {
        float: left;
    }
}

/* debug show style */
.g-row .g-debug-color {
    background-color: #0094ff;
    color: white;
}

.g-row.debug-height .g-span1,
.g-row.debug-height .g-span2,
.g-row.debug-height .g-span3,
.g-row.debug-height .g-span4,
.g-row.debug-height .g-span5,
.g-row.debug-height .g-span6,
.g-row.debug-height .g-span7,
.g-row.debug-height .g-span8,
.g-row.debug-height .g-span9,
.g-row.debug-height .g-span10,
.g-row.debug-height .g-span11,
.g-row.debug-height .g-span12 {
    min-height: 100px;
}

/* debug show style end */

.g-row .g-span1 {
    width: 8.333333333333%;
    /**width: 8.32%;*/
}

.g-row .g-span2 {
    width: 16.666666666666%;
    /**width: 16.65%;*/
}

.g-row .g-span3 {
    width: 25%;
}

.g-row .g-span4 {
    width: 33.333333333333%;
    /**width: 33.32%;*/
}

.g-row .g-span5 {
    width: 41.666666666666%;
    /**width: 41.65%;*/
}

.g-row .g-span6 {
    width: 50%;
}

.g-row .g-span7 {
    width: 58.333333333333%;
    /**width: 58.32%;*/
}

.g-row .g-span8 {
    width: 66.666666666666%;
    /**width: 66.65%;*/
}

.g-row .g-span9 {
    width: 75%;
}

.g-row .g-span10 {
    width: 83.333333333333%;
    /**width: 83.32%;*/
}

.g-row .g-span11 {
    width: 91.666666666666%;
    /**width: 91.65%;*/
}

.g-row .g-span12 {
    width: 100%;
}

.g-row .g-offset1 {
    margin-left: 8.333333333333%;
    /**margin-left: 8.32%;*/
}

.g-row .g-offset2 {
    margin-left: 16.666666666666%;
    /**margin-left: 16.65%;*/
}

.g-row .g-offset3 {
    margin-left: 25%;
}

.g-row .g-offset4 {
    margin-left: 33.333333333333%;
    /**margin-left: 33.32%;*/
}

.g-row .g-offset5 {
    margin-left: 41.666666666666%;
    /**margin-left: 41.65%;*/
}

.g-row .g-offset6 {
    margin-left: 50%;
}

.g-row .g-offset7 {
    margin-left: 58.333333333333%;
    /**margin-left: 58.32%;*/
}

.g-row .g-offset8 {
    margin-left: 66.666666666666%;
    /**margin-left: 66.65%;*/
}

.g-row .g-offset9 {
    margin-left: 75%;
}

.g-row .g-offset10 {
    margin-left: 83.333333333333%;
    /**margin-left: 83.32%;*/
}

.g-row .g-offset11 {
    margin-left: 91.666666666666%;
    /**margin-left: 91.65%;*/
}

@media (max-width:765px) {
    .g-row .g-span1,
    .g-row .g-span2,
    .g-row .g-span3,
    .g-row .g-span4,
    .g-row .g-span5,
    .g-row .g-span6,
    .g-row .g-span7,
    .g-row .g-span8,
    .g-row .g-span9,
    .g-row .g-span10,
    .g-row .g-span11,
    .g-row .g-span12 {
        display: block;
        width: 100%;
        margin-left: 0;
    }
}

/* ------------unit style-----------------*/
/* font unit */
.u-tt {
    font-family: '微软雅黑','Microsoft YaHei', 'Verdana', 'sans-serif', '宋体';
}
/* sm */
.u-tt-sm {
    font-size: 12px;
}
/* md */
.u-tt-md {
    font-size: 14px;
}
/* lg */
.u-tt-lg {
    font-size: 16px;
}
/* xl */
.u-tt-xl {
    font-size: 18px;
}

/* font unit end */

/* button */
/* default blue */
.u-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 12px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #2d88bf;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #54aede;
}

button.u-btn {
    *height: 30px;
    _line-height: 25px;
}

a.u-btn {
    _padding-top: 8px;
    _height: 20px;
}

.u-btn, .u-btn:hover {
    color: #fff !important;
    text-decoration: none;
}

    .u-btn:hover, .u-btn:focus {
        background: #399dd8;
    }

    .u-btn::-moz-focus-inner {
        padding: 0;
        margin: 0;
        border: 0;
    }

    .u-btn .btntxt {
        margin-right: 3px;
        _vertical-align: middle;
    }

    .u-btn .btnsel {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 0;
        height: 0;
        overflow: hidden;
        vertical-align: middle;
        border-style: solid dashed dashed;
        border-width: 4px 4px 0;
        border-color: #fff transparent transparent;
    }
/* lg */
.u-btn-lg {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
}

button.u-btn-lg {
    *height: 38px;
    _line-height: 33px;
}

.u-btn-lg .btnsel {
    border-width: 5px 5px 0;
}
/* sm */
.u-btn-sm {
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
}

button.u-btn-sm {
    *height: 24px;
    _line-height: 19px;
}
/* mini */
.u-btn-mini {
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
}

button.u-btn-mini {
    *height: 16px;
    _line-height: 15px;
}

/* red */
.u-btn-red {
    border-color: #9f161b;
    background: #de2027;
    color: white;
}

    .u-btn-red:hover, .u-btn-red:focus {
        background: #cc1c23;
    }
/* yellow */
.u-btn-yellow {
    border-color: #e1962d;
    background: #faa42b;
    color: white;
}

    .u-btn-yellow:hover, .u-btn-yellow:focus {
        background: #f8960a;
    }
/* green */
.u-btn-green {
    border-color: #52a552;
    background: #5cbc5c;
    color: white;
}

    .u-btn-green:hover, .u-btn-green:focus {
        background: #50b150;
    }
/* gray */
.u-btn-gray {
    border-color: #d0d0d0;
    background: #f3f3f3;
    color: #333 !important;
}

    .u-btn-gray, .u-btn-gray:hover {
        color: #000 !important;
    }

        .u-btn-gray:hover, .u-btn-gray:focus {
            background: #e7e7e7;
        }

        .u-btn-gray .btnsel {
            border-top-color: #555;
        }

        .u-btn-gray:hover .btnsel, .u-btn-gray:focus .btnsel {
            border-top-color: #000;
        }

.u-btn[disabled],
.u-btn[disabled]:hover,
.u-btn.u-btn-gray[disabled],
.u-btn.u-btn-gray[disabled]:hover,
.u-btn.u-btn-green[disabled],
.u-btn.u-btn-green[disabled]:hover,
.u-btn.u-btn-red[disabled],
.u-btn.u-btn-red[disabled]:hover,
.u-btn.u-btn-yellow[disabled],
.u-btn.u-btn-yellow[disabled]:hover {
    border-color: #d0d0d0;
    background: #f3f3f3;
    color: #333 !important;
}

.u-btns {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding-left: 1px;
}

    .u-btns .u-btn {
        float: left;
        margin-left: -1px;
        border-radius: 0;
    }
/* button end */

/* dropdown menu */
.u-menu {
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    *zoom: 1;
    *width: 100px;
    margin: 1px 0 0;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    border-width: 1px 0;
    line-height: 1.5;
    font-size: 12px;
    background: #fff;
}

    .u-menu li {
        border: 1px solid #d0d0d0;
        border-width: 0 1px;
        *vertical-align: top;
    }

        .u-menu li a {
            display: block;
            *zoom: 1;
            padding: 7px 12px 6px;
            margin: -1px 0;
            border-top: 1px solid #e8e8e8;
            overflow: hidden;
            *vertical-align: top;
            word-wrap: normal;
            white-space: nowrap;
            _white-space: normal;
            text-overflow: ellipsis;
            color: #333;
        }

            .u-menu li a:hover {
                color: #333;
                background: #f7f7f7;
            }

            .u-menu li a:active {
                background: #f0f0f0;
            }
/* show */
.u-menu-show {
    display: block;
}
/* group */
.u-menu-gp li.menusep, .u-menu-gp li.menusep .menuline {
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.u-menu-gp li.menusep {
    padding: 5px 0;
}

    .u-menu-gp li.menusep .menuline {
        display: block;
        border: 0;
        border-top: 1px solid #e8e8e8;
    }

.u-menu-gp li a {
    border: 0;
}
/* width limit */
.u-menu-min {
    min-width: 100%;
}

.u-menu-max {
    max-width: 100%;
}
/* algin right */
.u-menu-rt {
    left: auto;
    right: 0;
}
/* dropdown menu end */

/* progress default blue */
.u-progress {
    width: 200px;
    height: 12px;
    overflow: hidden;
    background: #f7f7f7;
}

    .u-progress .pgtrack, .u-progress .pgbar {
        display: block;
        overflow: hidden;
    }

    .u-progress .pgtrack {
        height: 10px;
        border-width: 1px;
        border-style: solid;
        border-color: #ddd #eee #f5f5f5;
    }

    .u-progress .pgbar {
        width: 100%;
        height: 100%;
        margin-top: -12px;
        background: #3a9ed8;
    }
/* green */
.u-progress-green .pgbar {
    background: #50b050;
}
/* yellow */
.u-progress-yellow .pgbar {
    background: #f8960b;
}
/* red */
.u-progress-red .pgbar {
    background: #cc1c23;
}
/* progress end */

/* input */
.u-input {
    width: 180px;
    padding: 2px;
    height: 17px;
    border: 1px solid #D9D9D9;
    border-top-color: #c0c0c0;
    line-height: 17px;
    font-size: 12px;
    color: #333;
    background: #fff;
}

    .u-input.u-input-readonly {
        color: #777;
        background: #eee;
    }

.u-input-span1 {
    width: 8.333333333%;
}

.u-input-span2 {
    width: 16.66666666%;
}

.u-input-span3 {
    width: 25%;
}

.u-input-span4 {
    width: 33.33333333%;
}

.u-input-span5 {
    width: 41.66666666%;
}

.u-input-span6 {
    width: 50%;
}

.u-input-span7 {
    width: 58.33333333%;
}

.u-input-span8 {
    width: 66.66666666%;
}

.u-input-span9 {
    width: 75%;
}

.u-input-span10 {
    width: 83.333333333%;
}

.u-input-span11 {
    width: 91.666666666%;
}

.u-input-span12 {
    width: 100%;
}

label.u-radio,
label.u-checkbox {
    position: relative;
    display: block;
    min-height: 23px;
    line-height: 23px;
    vertical-align: middle;
    text-indent: 15px;
    *text-indent: 20px;
}

    label.u-radio input,
    label.u-checkbox input {
        position: absolute;
        left: 0;
        _left: -20px;
        top: 5px;
        top: 3px\8;
        *top: 2px;
        _top: -5px;
    }

    label.u-radio.u-radio-inline,
    label.u-checkbox.u-checkbox-inline {
        display: inline-block;
    }

        label.u-radio.u-radio-inline:first-child,
        label.u-checkbox.u-checkbox-inline:first-child {
            *margin-left: -20px;
        }

.u-textarea {
    resize: both;
    width: 180px;
    height: 3em;
    line-height: 1.5em;
    padding: 0 2px;
    border: 1px solid #D9D9D9;
    border-top-color: #c0c0c0;
}

.u-select {
    height: 23px;
}

    .u-textarea.error,
    .u-select.error,
    .u-input.error {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

.u-input-subject {
    width: 450px;
}
/* input end */

/* ------------unit style end-------------*/


/* ------model-------- */

/* crumb */
.m-crumb {
    overflow: hidden;
    line-height: 1.5;
    zoom: 1;
}

    .m-crumb ul {
        margin-left: -20px;
    }

    .m-crumb li {
        float: left;
        word-wrap: normal;
        white-space: nowrap;
    }

        .m-crumb li i {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 20px;
            text-align: center;
            font-size: 12px;
            color: #ccc;
            font-family: \5b8b\4f53;
        }

.m-crumb-blank ul {
    margin-left: -10px;
}

.m-crumb-blank li {
    display: inline;
    margin-left: 10px;
}

/* crumb end */

/* horizontal navigation */
.m-hnav, .m-hnav li, .m-hnav li a, .m-hnav .corner {
    height: 40px;
    line-height: 40px;
}

    .m-hnav, .m-hnav li, .m-hnav .corner {
        background-color: aliceblue;
    }
/*corner*/
.m-hnav {
    position: relative;
    margin: 0 6px;
    text-align: center;
    font-size: 0;
    letter-spacing: -0.307em;
    *letter-spacing: normal;
    *word-spacing: -1px;
    color: #fff;
    background-repeat: repeat-x;
    background-position: 0 0;
}

    .m-hnav li, .m-hnav li a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .m-hnav li {
        padding: 0 0 0 1px;
        font-size: 14px;
        letter-spacing: normal;
        word-spacing: normal;
        background-position: 0 -150px;
    }

        .m-hnav li.first {
            background: none;
        }

        .m-hnav li a, .m-hnav li a:hover {
            text-decoration: none;
            color: #fff;
        }

        .m-hnav li a {
            padding: 0 20px;
            font-weight: bold;
        }

    .m-hnav .corner {
        position: absolute;
        top: 0;
        width: 6px;
        overflow: hidden;
    }

    .m-hnav .corner-l {
        left: -6px;
        background-position: 0 -50px;
    }

    .m-hnav .corner-r {
        left: 100%;
        background-position: 0 -100px;
    }
/* align left */
.m-hnav-l {
    text-align: left;
}
/* align right */
.m-hnav-r {
    text-align: right;
}
/* horizontal navigation end */

/* simple list */

.m-list {
    line-height: 21px;
}

    .m-list a, .m-list a:hover {
        text-decoration: none;
    }

/* 带点文字链接列表-默认方点 */
.m-listd {
    line-height: 1.5;
}

    .m-listd li {
        padding-left: 10px;
        margin-top: 5px;
    }

        .m-listd li:first-child {
            margin-top: 0;
        }

        .m-listd li:before {
            display: inline-block;
            margin: 0 6px 2px -10px;
            border: 2px solid;
            vertical-align: middle;
            content: '';
        }
/* rds */
.m-listd-rds li:before {
    border-radius: 50%;
}
/* size */
.m-listd-lg {
    font-size: 14px;
}

.m-listd-md {
    font-size: 16px;
}

/* horizontal list */
.m-list-h {
    line-height: 23px;
}

    .m-list-h ul {
        margin-left: -10px;
    }

    .m-list-h li {
        float: left;
        padding-left: 10px;
    }

    .m-list-h a, .m-list-h a:hover {
        text-decoration: none;
        color: #333;
    }

/* simple list end */

/* tab style */
/* horizontal tab head */
.m-htab {
    height: 35px;
    line-height: 35px;
    padding: 1px 0 0;
    border-bottom: 1px solid #ddd;
}

    .m-htab h2, .m-htab ul, .m-htab li {
        float: left;
        display: inline;
    }

    .m-htab h2 {
        margin: 0 20px 0 0;
        font-size: 16px;
    }

    .m-htab ul {
        margin-left: -2px;
    }

    .m-htab li {
        position: relative;
        margin: -1px 0 0 2px;
    }

        .m-htab li a, .m-htab li a:hover {
            text-decoration: none;
            color: #666;
        }

        .m-htab li a {
            float: left;
            padding: 0 15px;
            border: 1px solid #ddd;
            border-bottom: 0;
            text-align: center;
            font-size: 14px;
            background: #f8f8f8;
        }

            .m-htab li a:hover {
                background: #fff;
            }

        .m-htab li.z-crt a {
            position: relative;
            padding-bottom: 1px;
            margin-bottom: -1px;
            background: #fff;
        }

    .m-htab .more {
        float: right;
        margin-left: 10px;
    }

    .m-htab.m-htab-blue {
        border-bottom: 1px solid #0C5DB9;
    }

        .m-htab.m-htab-blue li a {
            border: 1px solid #0C5DB9;
            background: #0569d9;
            color: #fff;
        }

            .m-htab.m-htab-blue li a:hover {
                border: 1px solid #0C5DB9;
                background: #0C5DB9;
            }

        .m-htab.m-htab-blue li.z-crt a {
            background: #fff;
            border-bottom: none;
            color: #0C5DB9;
            font-weight: bold;
        }

    .m-htab.m-htab-green {
        border-bottom: 1px solid #3c763d;
    }

        .m-htab.m-htab-green li a {
            border: 1px solid #3c763d;
            background: #479648;
            color: #fff;
        }

            .m-htab.m-htab-green li a:hover {
                border: 1px solid #3c763d;
                background: #3c763d;
            }

        .m-htab.m-htab-green li.z-crt a {
            background: #fff;
            border-bottom: none;
            color: #3c763d;
            font-weight: bold;
        }

    .m-htab.m-htab-yellow {
        border-bottom: 1px solid #e1962d;
    }

        .m-htab.m-htab-yellow li a {
            border: 1px solid #e1962d;
            background: #faa42b;
            color: #fff;
        }

            .m-htab.m-htab-yellow li a:hover {
                border: 1px solid #e1962d;
                background: #e1962d;
            }

        .m-htab.m-htab-yellow li.z-crt a {
            background: #fff;
            border-bottom: none;
            color: #e1962d;
            font-weight: bold;
        }

    .m-htab.m-htab-red {
        border-bottom: 1px solid #cc1c23;
    }

        .m-htab.m-htab-red li a {
            border: 1px solid #cc1c23;
            background: #ee2830;
            color: #fff;
        }

            .m-htab.m-htab-red li a:hover {
                border: 1px solid #cc1c23;
                background: #cc1c23;
            }

        .m-htab.m-htab-red li.z-crt a {
            background: #fff;
            border-bottom: none;
            color: #cc1c23;
            font-weight: bold;
        }
/* and backgroud */
.m-htab-bg {
    padding: 11px 10px 0;
    background: #f7f7f7;
}
/* un split */
.m-htab-sl li {
    margin-left: -1px;
}

    .m-htab-sl li a {
        border-radius: 0;
    }
/* tab algin left */
.m-htab-rt h2 {
    margin-right: 0;
}

.m-htab-rt ul {
    float: right;
}
/* tab small */
.m-htab-sm {
    height: 25px;
    line-height: 25px;
}

    .m-htab-sm h2 {
        font-size: 14px;
    }

    .m-htab-sm li a {
        padding: 0 10px;
        font-size: 12px;
    }
/* tab static width */
.m-htab-fw li a {
    width: 78px;
    padding: 0;
}
/* tab style end */


/* form style */
.m-form {
    line-height: 29px;
    color: #555;
}

    .m-form legend {
        font-size: 14px;
        font-weight: bold;
    }

    .m-form .control-group {
        line-height: 30px;
        _clear: both;
        _zoom: 1;
    }

    .m-form .control-group-1 {
        padding-left: 100px;
    }

    .m-form .control-label {
        float: left;
        width: 110px;
        margin-right: -100px;
        text-align: right;
        font-weight: bold;
    }

    .m-form .controls {
        margin-left: 120px;
    }

        .m-form .controls * {
            vertical-align: middle;
        }

        .m-form .controls a, .m-form .controls a:hover {
            text-decoration: none;
            color: #3891eb;
        }

        .m-form .controls img {
            margin: 0 15px 0 5px;
        }

        .m-form .controls .domain {
            margin: 0 0 0 5px;
            font-weight: bold;
            color: #777;
        }

        .m-form .controls p {
            line-height: 22px;
            color: #999;
        }

            .m-form .controls p.error,
            .m-form .controls span.error,
            .m-form .controls label.error {
                color: #b94a48;
            }

        .m-form .controls .u-textarea {
            margin-bottom: 10px;
        }

    .m-form .tip {
        padding-top: 10px;
    }

        .m-form .tip input {
            margin: 0 5px 3px 0;
        }

.m-form-lg .control-label {
    width: 135px;
    margin-right: -125px;
}

.m-form-lg .controls {
    margin-left: 145px;
}

.m-form-verror .controls span.field-validation-error {
    display: block;
}

.m-form-inline input,
.m-form-inline span,
.m-form-inline label,
.m-form-inline select {
    vertical-align: middle;
}

.m-form .m-table.m-table-row td,
.m-form .m-table.m-table-row th {
    vertical-align: top;
}

/* captcha style */
.m-form .controls.captcha {
    padding: 10px 0;
}

    .m-form .controls.captcha img {
        padding: 0;
        margin: 0;
        border: 1px solid #ccc;
        height: 25px;
    }

    .m-form .controls.captcha input[type="text"],
    .m-form .controls.captcha input.u-input {
        padding: 2px;
        height: 17px;
        border: 1px solid #D9D9D9;
        border-top-color: #c0c0c0;
        line-height: 17px;
        font-size: 12px;
        color: #777;
        background: #fff;
        width: 70px !important;
    }

/* captcha style end */

/* form style end */

/* table*/
.m-table {
    table-layout: fixed;
    width: 100%;
    line-height: 1.5;
}

    .m-table th, .m-table td {
        padding: 5px;
        border: 1px solid #ddd;
    }

    .m-table th {
        font-weight: bold;
    }

    .m-table tbody tr.even {
        background: #fafafa;
    }

    .m-table tbody tr:hover {
        background: #f0f0f0;
    }

    .m-table .cola {
        width: 100px;
    }

    .m-table .colb {
        width: 200px;
    }
/* unborder for table */
.m-table-row th, .m-table-row td {
    border-width: 0 0 1px;
}

.m-table tr.selected {
    background: #cce2fa;
}
.m-table tr.selected td,.m-table tr.selected th{
    border-color:#0C5DB9;
}
/*table end */

/* pager */
/* center */
.m-page {
    margin: 10px 0 0;
    /*text-align: center;*/
    line-height: 32px;
    font-size: 0;
    letter-spacing: -0.307em;
    *letter-spacing: normal;
    *word-spacing: -1px;
    word-wrap: normal;
    white-space: nowrap;
    color: #999;
}

    .m-page a, .m-page i {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        padding: 0 12px;
        margin-left: -1px;
        border: 1px solid #ddd;
        font-size: 12px;
        letter-spacing: normal;
        word-spacing: normal;
        background: #fff;
    }

        .m-page a, .m-page a:hover {
            text-decoration: none;
            color: #39c;
        }

            .m-page a.first {
                margin-left: 0;
            }

            .m-page a.last {
                margin-right: 0;
            }

            .m-page a .pagearr {
                font-weight: bold;
                font-family: \5b8b\4f53;
                vertical-align: top;
                *vertical-align: middle;
            }

            .m-page a.pageprv .pagearr {
                margin-right: 3px;
            }

            .m-page a.pagenxt .pagearr {
                margin-left: 3px;
            }

            .m-page a:hover {
                background: #f5f5f5;
            }

            .m-page a:active {
                background: #f0f0f0;
            }

            .m-page a.z-crt, .m-page a.z-crt:hover, .m-page a.z-crt:active {
                cursor: default;
                color: #999;
                background: #f5f5f5;
            }

            .m-page a.z-dis, .m-page a.z-dis:hover, .m-page a.z-dis:active {
                cursor: default;
                color: #ccc;
                background: #fff;
            }
/* left */
.m-page-lt {
    text-align: left;
}
/* right */
.m-page-rt {
    text-align: right;
}
/* small */
.m-page-sm {
    line-height: 22px;
}

    .m-page-sm a, .m-page-sm i {
        padding: 0 8px;
    }
/* sr */
.m-page-sr a, .m-page-sr i {
    margin: 0 3px;
}

.m-page-sr i {
    border: 0;
}
/* pager end */

/* -----------------model end------------------ */

.u-ml10 {
    margin-left: 10px;
}

.u-ml20 {
    margin-left: 20px;
}

.u-mt10 {
    margin-top: 10px;
}

.u-mt20 {
    margin-top: 20px;
}

.u-callout {
    padding: 10px;
    border-left: 3px solid #eee;
}

.u-callout-lg {
    padding: 20px;
    border-left: 3px solid #eee;
}



.u-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.u-callout p:last-child {
    margin-bottom: 0;
}

.u-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}

    .u-callout-danger h4 {
        color: #b94a48;
    }

.u-callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}

    .u-callout-warning h4 {
        color: #8a6d3b;
    }

.u-callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}

    .u-callout-info h4 {
        color: #34789a;
    }

.u-callout-success {
    background-color: #dff0d8;
    border-color: #3c763d;
}

    .u-callout-success h4 {
        color: #3c763d;
    }

.u-callout .form-horizontal .control-group {
    margin-bottom: 5px;
}

.u-callout .u-callout-checked {
    background-color: #34789a;
    border-color: #bce8f1;
    color: #fff;
}

    .u-callout .u-callout-checked a {
        color: #fff;
    }

    .u-callout .u-callout-checked h4 {
        color: #fff;
    }

.input-validation-error {
    color: red;
    border: 1px solid red;
}

.field-validation-error, .m-form .controls .field-validation-error p, .m-form .controls .field-validation-error span, .m-form .controls .field-validation-error label {
    color: red;
}

.m-form .controls.captcha input[type="text"].input-validation-error {
    color: red;
    border: 1px solid red;
}

.m-form .controls a.u-btn {
    color: white;
}

.m-form .controls .help-block {
    color: #ff9500;
}



.u-fs12 {
    font-size: 12px;
}

.u-fs14 {
    font-size: 14px;
}

.u-fs16 {
    font-size: 16px;
}

.u-fs18 {
    font-size: 18px;
}

.u-fs20 {
    font-size: 20px;
}

.u-fs24 {
    font-size: 24px;
}

.u-fs32 {
    font-size: 32px;
}

.u-fs36 {
    font-size: 36px;
}

.u-fs48 {
    font-size: 48px;
}
/* font size style end*/

/* alert */
.u-alert, .u-alert-blue {
    padding: 5px;
    border: 1px solid #0C5DB9;
    color: #0C5DB9;
    background: #d0e5fe;
    margin-bottom: 10px;
}

.u-alert-yellow {
    padding: 5px;
    border: 1px solid #e1962d;
    color: #e1962d;
    background: #f8e9d3;
    margin-bottom: 10px;
}

.u-alert-red {
    padding: 5px;
    border: 1px solid #cc1c23;
    color: #cc1c23;
    background: #f7d9da;
    margin-bottom: 10px;
}

.u-alert-green {
    padding: 5px;
    border: 1px solid #3c763d;
    color: #3c763d;
    background: #d6f6d6;
    margin-bottom: 10px;
}

.u-alert-gray {
    padding: 5px;
    border: 1px solid #333;
    color: #333;
    background: #d0d0d0;
    margin-bottom: 10px;
}
/* alert end*/